<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery事件操作</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>

    <script type="text/javascript">
        // window.onload = function (){
        //     alert("原生js的页面加载完成之后--1");
        // }
        //
        // window.onload = function (){
        //     alert("原生js的页面加载完成之后--2");
        // }
        //
        // window.onload = function (){
        //     alert("原生js的页面加载完成之后--3");
        // }
        //
        //
        // //jquery的页面加载完成之后
        // $(function (){
        //     alert("jquery的页面加载完成之后 -- 1");
        // });
        //
        // $(function (){
        //     alert("jquery的页面加载完成之后 -- 2");
        // });


    </script>

</head>
<body>
<p id="text_show">
    $(function(){})和window.onload=function(){}的区别<br/>
    他们分别是在什么时候触发的?<br/>
        1.jquery的页面在加载完成之后是浏览器的内核解析完页面的标签创建好DOM对象之后就会马上执行<br/>
        2.原生js的页面在加载完成之后,除了要等浏览器内核解析完成标签创建好Dom对象,还要等标签显示的时候需要的内容加载完成<br/>
    <br/>
    他们的触发顺序?<br/>
        1.jquery页面加载完成之后先执行<br/>
        2.原生js的页面加载完成之后执行<br/>
    <br/>
    他们的执行次数?<br/>
        1.原生的js页面加载完成之后,只会执行最后一次的赋值函数<br/>
        2.jQuery的页面加载完成之后是全部把注册的function函数,依次顺序全部执行<br/>


</p>

<button>我是按钮</button>
<iframe src="http://localhost:80" frameborder="1"></iframe>
<img src="../../imgs/1as.jpg" alt="无图片">
</body>
</html>